@charset "utf-8";

.wrap{
    font-family: MicrosoftYaHei;
    header{
        height: 49px;
    
        .navbar-default{
            background-color: #222;
            border: none;
    
            .container{
    
                .navbar-header{
                    
                    .navbar-brand{
                        margin: 0;
                        padding: 7px 15px;
                        img{
                            vertical-align: middle;
                        }
                    }
    
                    
                }
    
                .navbar-collapse{
    
                    .navbar-nav{
    
                        >.active{
                            >a{
                                background-color: #080808;
                                color: #fff;
                            }
                        }
                    }
    
                    .navbar-right{
                        .dropdown{
                            .dropdown-toggle{
                                background-color: #222222;
                                
                            }
    
                            .dropdown-menu{
                                background-color: #222;
                            }
                        }
                    }
                }
            }
        }
    }
    
    footer{
        background-color: #3b3b3b;
    
        .container{
            padding-bottom: 37px;
            .container-text-top{
                margin-top: 35px;
                ul{
                    display: flex;
                    li{
                        a{
                            font-size: 14px;
                            color: #a1a3ab;
                            line-height: 21px;
                        }
    
                        &:nth-child(2){
                            margin: 0 14px;
                        }
                    }
                }
            }
    
            .container-text-bottom{
                span{
                    font-size: 11px;
                    color: #a1a3ab;
                    line-height: 21px;
                }
            }
            
            .container-logo{
                padding-top: 38px;
                display: flex;
                justify-content: space-between;
    
                .box{
                    position: relative;
    
                    :last-of-type{
                        width: 400%;
                        position: absolute;
                        top: -155px;
                        left: -55px;
                        display: none;
                    }
    
                    :first-of-type:hover~img{
                        display: block;
                    }
                }
    
                
            }
        }
    }
}
